.statusbar {
	--icon-color: #fff;
	--icon-size: 15px;
	--item-mouse-hover-bg-color: rgba(255, 255, 255, 0.15);
	--margin: 4px;

	.statusbarLeft .statusbarItem:not(:last-child) {
		margin-right: var(--margin);
	}
	.statusbarRight .statusbarItem:not(:first-child) {
		margin-left: var(--margin);
	}
	.statusbarItem {
		color: var(--icon-color);
		.iconfont {
			font-size: var(--icon-size);
			height: 100%;
			&.center {
				display: flex;
				align-items: center;
				justify-content: center;
			}
			&.vertical-center {
				display: flex;
				align-items: center;
			}
			&.left-right-center {
				display: flex;
				justify-content: center;
			}
			&::before {
				line-height: 24px;
			}
		}
		.content {
			.text {
				font-size: 14px;
				line-height: 24px;
			}
		}
	}
}
